    <link href="__ROOT__/static/assets/css/style.css" rel="stylesheet" type="text/css"/>
      <!-- 引入样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <style>
        .Service-box{
            text-align: center;
            font-size: -webkit-xxx-large;
        }
        .p{color: turquoise;}
        .btn-bottom{
            height: 120px;
            width: 100%;
            font-size: -webkit-xxx-large;
/*            position: absolute;
            bottom: 0px;
            transform: translateX(-54.64%);*/
        }
        .r{
            width: 100%;
            position: fixed;
            bottom: 0;}
    </style>
    <div id="app">
        <!-- 可删除 -->
        <div class="Service-box think-box-shadow">
            <div class="clearfix">

                    <form class="form" method="POST" action="{:request()->url()}" autocomplete="off" enctype="multipart/form-data">

                <h2 class="title">请确认续费套餐信息</h2>
                <p>XX公司</p>
                <p>xxxx|会员</p>
                <p><i class="el-icon-s-goods"></i>缴费金额xxx|xxx|xxx</p>
              <!--   <img alt='扫码支付' src="" style="width: 250px;height: 250px;"/><br /> -->
                <a href="http://devs.zsicp.com/h5" class="p">支付完成后，请点击此处.</a>
                <div class="r">
                <el-button class="btn-bottom" type="primary">确认支付</el-button>
            </div>
                </form>
                
            </div>
        </div>
</div>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
  <!-- import Vue before Element -->
<script src="https://unpkg.com/vue/dist/vue.js"></script>
    <!-- 引入组件库 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript">

    var vm = new Vue({
      el: '#app',
      data: function() {
        return { visible: false }
      },
      mountd(){
        this.getUrlParam('')
      },
      methods:{
        //获取url中的参数
        getUrlParam(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
            var r = window.location.search.substr(1).match(reg);  //匹配目标参数
            if (r != null) return unescape(r[2]); return null; //返回参数值
        }
      }

    })

    var orderno = vm.getUrlParam('scode')
    if(!orderno){}
    $.ajax({
        //请求方式
        type : "POST",
        //请求的媒体类型
        contentType: "application/json;charset=UTF-8",
        //请求地址
        url : "{:url('personal/Pay/mobilepay')}",
        //数据，json字符串
        data : JSON.stringify(''),
        //请求成功
        success : function(result) {
            console.log(result);
        },
        //请求失败，包含具体的错误信息
        error : function(e){
            console.log(e.status);
            console.log(e.responseText);
        }
    });

    wx.config({
        debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
        appId: '', // 必填，公众号的唯一标识
        timestamp:'', // 必填，生成签名的时间戳
        nonceStr: '', // 必填，生成签名的随机串
        signature: '',// 必填，签名，见附录1
        jsApiList: ['chooseWXPay'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
    });

    wx.ready(function(){

        wx.checkJsApi({
            jsApiList: ['chooseWXPay'], // 需要检测的JS接口列表，所有JS接口列表见附录2,
            success: function(res) {
                console.log(res)
                // 以键值对的形式返回，可用的api值true，不可用为false
                // 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
            }
        });

        wx.chooseWXPay({
            timestamp: 0, // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
            nonceStr: '', // 支付签名随机串，不长于 32 位
            package: '', // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=***）
            signType: '', // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'
            paySign: '', // 支付签名
            success: function (res) {
                // 支付成功后的回调函数
            }
        });
    
        // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函 数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
    });

    wx.error(function(res){
        console.log("错误")
        console.log(res)

    // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。

    });



</script>
 
